html,body {
    height: 100%;
}

body {
    padding-top: 42px;
    padding-bottom: 50px;
    
    .pyg_main{
        height: 100%;
        overflow: scroll;
    }
    .pyg_header 
    {
        width: 100%;
        height: 42px;
        box-sizing:border-box;
        padding:5px;
        background-color: #fff;
        position: fixed;
        top:0;
        left:0;
    }

    .pyg_footer {
        width: 100%;
        height: 50px;
        border-top: 1px solid #ccc;
        background-color: #fff;
        // 固定定位
        position: fixed;
        bottom:0;
        left:0;    
        // 弹性布局
        display:flex;
        align-items: center;
        
        > a {
            flex:1;
            text-align: center;
            color:#000;
            
            
            > span {
                font-size:18px;
                margin-top: 10px;
            }
            > div {
                font-size:14px;
            }
        }
    }
}

.loading {
    // 遮罩层
    &::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        z-index:990;
        width: 100%;
        height: 100%;
        background-color:#000;
        opacity: 0.2;
    }

    // 字体图标
    &::after {
        /* 特定字体图标样式 */ 
        content: "\f110";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 100px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -webkit-animation: fa-spin 2s infinite linear;
        animation: fa-spin 2s infinite linear;
        /* 自己添加修改样式 */ 
        position: fixed;
        top:50%;
        margin-top: -10%;
        left:50%;
        margin-left: -10%;
        z-index:999;
    }

    // 旋转动画
    @keyframes fa-spin {
        0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
        }
        100% {
          -webkit-transform: rotate(359deg);
          transform: rotate(359deg);
        }
    }
}